﻿/*-------------- Body -----------------*/
.Account
{
	font-size: 0.8em;
	width: 200px;
	height: 30px;
	float: left;
	margin-top: 50px;
	margin-left: 80px;
	color:White;
}
.Account .DangNhap
{
	color:White;
	text-decoration: none;
}
.Account .DangKy
{
	color:White;
	text-decoration: none;
}
.Account a:hover
{
	color:#FFFFCC;
	text-decoration:underline;
}
/*-------------- AbMidLeft ------------*/
.AbMidLeft
{
	width: 550px;
	float: left;
}
/*Search*/
.AbSearch
{
	width: 550px;
	height: 35px;
	float: left;
	border: solid #333 1px;
	background: #000;
}
.txtAbSearch
{
	float: left;
	width: 490px;
	height: 27px;
	margin: 2px 0px 2px 2px;
}
.btnAbSearch
{
	height:32px;
	width:53px;
	float: right;
	margin-right:1px;
	margin-top:1px;
	background: url( '../../ImagesDesign/btnSearch.png' ) no-repeat;
}
/*AbAlbum*/
.AbAlbum
{
	width: 550px;
	border: solid #333 0px;
	text-align:left;
}

/*------------- Album List -------------*/
.AlbumList
{
	margin-top:10px;
	margin-left:2px;
	height:247px;
	width:550px;
}
.AlbumList .Frames
{
	width:250px;
	height:247px;
	float:left;
	background: url( '../../ImagesDesign/Frames001.png' ) no-repeat;
}
.AlbumList .Frames img
{
	width:185px;
	height:165px;
	margin-left:53px;
	margin-top:38px;
}
.AlbumList .Description
{
	width:300px;
	height:170px;
	float:right;
	margin-top:36px;
	background-color:Black;
	-khtml-border-radius: 5px; /* Konqueror */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari & Google Chrome */
	-border-radius: 5px; /* Opera */
}
.AlbumList .Description p
{
	margin-left: 10px;
	font-size: 0.9em;
	margin-top:10px;
	color:White;
}
.AlbumList .Description h4
{
	margin-top:5px;
	margin-left:10px;
	font-size: 0.9em;
	font-weight: bold;
}
.AlbumList .Description .AddImg
{
	margin-left:10px;
}	

.AlbumList .Description a
{
	color:Yellow;
	text-decoration: none;
}
.AlbumList .Description a:hover
{
	color:Fuchsia;
	text-decoration:underline;
}
.AlbumList .Description h4 a
{
	color:#FFFFCC;
	text-decoration: none;
}
.AlbumList .Description h4 a:hover
{
	color:Yellow;
}
.AlbumList .DateCreated
{
	font-size: 0.8em;
	color:#FFE6CC;
}
.Pager
{
	text-align: left;
	margin-right: 10px;
	margin-top: 10px;
	color:#FFFFCC;
}
.Pager .link
{
	color:Yellow;
}
/*------------- Album Top 10 -------------*/
.AlbumTop10
{
	margin-top:10px;
	margin-left:2px;
	width:350px;
	height:139px;
}
.AlbumTop10 .FramesTop10
{
	width:180px;
	height:139px;
	float:left;
	background: url( '../../ImagesDesign/Frames02.png' ) no-repeat;
}
.AlbumTop10 .FramesTop10 img
{
	width:155px;
	height:117px;
	margin-left:19px;
	margin-top:16px;
}
.AlbumTop10 .DescriptionTop10
{
	width:170px;
	height:130px;
	float:right;
	margin-top:10px;
	background-color:Black;
	-khtml-border-radius: 5px; /* Konqueror */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari & Google Chrome */
	-border-radius: 5px; /* Opera */
}
.AlbumTop10 .DescriptionTop10 p
{
	margin-left: 10px;
	font-size: 0.8em;
	margin-top:10px;
	color:White;
}
.AlbumTop10 .DescriptionTop10 h4
{
	margin-top:5px;
	margin-left:10px;
	font-size: 0.8em;
	font-weight: bold;
}
.AlbumTop10 .DescriptionTop10 a
{
	color:#FFFFCC;
	text-decoration: none;
}
.AlbumTop10 .DescriptionTop10 a:hover
{
	color:Yellow;
}
.AlbumTop10 .DateCreated
{
	font-size: 0.8em;
	color:#FFE6CC;
}


/*-------------AbMidRight---------------*/
.AbMidRight
{
	width: 350px;
	float: right;
	margin-right:15px;
}
/*AbHeaderMidRight*/
.AbHeaderMidRight
{
	width: 350px;
	height: 35px;
	text-align: left;
	border: solid #333 1px;
	background: #000;
}
/*AbListAlbum*/
.AbListAlbum
{
	width: 350px;
	text-align: left;
	
}

/*----------  Upload Album  ----------*/
/*---UloadAlbum*/
.UloadAlbum
{
	width:550px;
	height:200px;
	color:White;
}

.UloadAlbum .ImageAlbum
{
	margin-top:10px;
	width:180px;
	height:139px;
	float:left;
	background: url( '../../ImagesDesign/Frames02.png' ) no-repeat;
}
.UloadAlbum .ImageAlbum img
{
	width:155px;
	height:117px;
	margin-left:19px;
	margin-top:16px;
}
.UloadAlbum .Info
{
	width:370px;
	height:130px;
	float:right;
	font-size: 0.9em;
	font-weight:bold;
	margin-top:20px;
	background-color:Black;
	-khtml-border-radius: 5px; /* Konqueror */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari & Google Chrome */
	-border-radius: 5px; /* Opera */
}
.UloadAlbum .Info .Description
{
	margin-left:10px;
}
.UloadAlbum .Info h4
{
	margin-top:10px;
	margin-left:10px;
	font-size: 0.9em;
	color:#FFFFCC;
}
.UloadAlbum .Info .DateCreated
{
	margin-left:10px;
	margin-top:10px;
	font-size: 0.8em;
	color:#FFE6CC;
}

.UloadAlbum .Info .btnDeleteAlbum
{
	color:Fuchsia;
	width: 100px;
	height: 25px;
	margin-left:6px;
	margin-top:10px;
	border: 1px solid yellow;
	background-color: Black;
	cursor: pointer;
}
/*---UloadImages*/
.UloadImages
{
	width:550px;
	margin-top:5px;
	color:White;
	background-color:Black;
	-khtml-border-radius: 5px; /* Konqueror */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari & Google Chrome */
	-border-radius: 5px; /* Opera */
}

.UloadImages .btnUpload
{
	width: 80px;
	height: 25px;
	margin-left:6px;
	border: 1px solid yellow;
	background-color: #FFFFCC;
	cursor: pointer;
}

.UloadImages .UloadImagesList
{
	width:550px;
}

.UloadImages .UloadImagesList img
{
	width: 263px;
	height: 170px;
	margin-top:10px;
	margin-right:10px;
	border: solid #fff 3px;
	line-height: 80px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

/*----------------- .InfoAlbum ------------------*/
.InfoAlbum
{
	width: 530px;
	margin-top: 45px;
	margin-bottom:-5px;
	margin-left:9px;
	text-align: left;
	border: solid #333 1px;
	background: #000;
}
.InfoAlbum .lnkUserName
{
	font-size: 1em;
	color:Fuchsia;
	text-decoration:none;
}
.InfoAlbum .lbDateCreated
{
	margin-top:10px;
	font-size: 0.9em;
	color:#FFE6CC;
}

/*------------- Sign Up - In -------------*/
.SignImg
{
	width: 547px;
	height: 400px;
	margin-top: 10px;
	background: url( '../../ImagesDesign/Sharing00.png' ) no-repeat;
}
.SignHeader
{
	width: 550px;
	height: 35px;
	margin-top:50px;
	text-align: left;
	border: solid #333 1px;
	background: #000;
}
.Sign
{
	width: 550px;
	color:White;
	margin-top:0px;
	background-color:Black;
	-khtml-border-radius: 5px; /* Konqueror */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari & Google Chrome */
	-border-radius: 5px; /* Opera */
}

.Sign table
{
	margin-left:20px;
}
.Sign .sty1
{
	width:150px;
}
.Sign .Ex
{
	margin-left:25px;
	margin-top:10px;
}
.Sign .btn
{
	width: 100px;
	height: 30px;
	margin-top:10px;
	border: 1px solid yellow;
	background-color: #FFFFCC;
	text-transform: uppercase;
	cursor: pointer;
}
.Sign .btnUpload
{
	width: 80px;
	height: 25px;
	margin-left:6px;
	border: 1px solid yellow;
	background-color: #FFFFCC;
	cursor: pointer;
}
/*------------- Personal -------------*/
.Personal
{
	width: 550px;
	height: 50px;
	margin-top:45px;
	text-align: left;
	background: #000;
	-khtml-border-radius: 5px; /* Konqueror */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari & Google Chrome */
	-border-radius: 5px; /* Opera */
}
.Personal .UserName
{
	width: 550px;
	height: 12px;
	margin-top:10px;
}
.Personal a
{
	color:White;
	text-decoration: none;
}
.Personal a:hover
{
	color:Yellow;
	text-decoration:underline;
}
.PersonalAlbum a
{
	color:White;
	margin-left:258px;
	text-decoration: none;
}

.PersonalAlbum a:hover
{
	color:Yellow;
	text-decoration:underline;
}

.PersonalAlbum
{
	width: 548px;
	height: 35px;
	margin-top:10px;
	text-align: left;
	border: solid #333 1px;
	background: #000;
}
.Personal .lnkSuaMatKhau
{
	margin-left:10px;
}
.Personal .lnkSuaThongTinCaNhan
{
	margin-left:10px;
}
/*------------------- Comment ---------------------*/
/*----- Comment*/
.Comment
{
	width:540px;
}
.Comment .txtComment
{
	float:left;
	width: 430px;
	height:40px;
	border: 1px solid yellow;
}
.Comment .btnComment
{
	width: 100px;
	height: 25px;
	float:right;
	margin-top:17px;
	margin-left:3px;
	border: 1px solid yellow;
	background-color: #FFFFCC;
	cursor: pointer;
}
/*------ ListComment*/
.ListComment
{
	width:542px;
	color:White;
	font-size: 0.9em;
	margin-top:10px;
}
.ListComment a
{
	color:#FFFFCC;
	text-decoration: none;
}
.ListComment a:hover
{
	color: Yellow;
	text-decoration:underline;
}
.ListComment .DateCreated
{
	color:#FFE6CC;
}